<template>
	<navigator class="wlxs" url="/pages/index/future/future">
		<image class="bg" src="/static/images/my/wlxcbg.png" mode=""></image>
		<view class="txtBox spaceEvenly">
			<view class="title">未来学社</view>
			<view class="subtitle">在线观看</view>
		</view>
		<view class="btn">查看详情</view>
	</navigator>
</template>

<script>
	export default {
		name: 'myfuture',
		data: {
			type: Object,
			default: () => {},
		},
		data() {
			return {};
		},
	};
</script>

<style lang="scss" scoped>
	.wlxs {
		width: 690rpx;
		height: 170rpx;
		position: relative;
		margin: $submargin-width auto;
		.txtBox {
			font-size: $uni-font-size-14;
			font-weight: bold;
			color: #ffffff;
			flex-direction: column;
			position: absolute;
			z-index: 2;
			top: 0;
			bottom: 0;
			margin: auto;
			left: 45rpx;
			height: 120rpx;
		}
		.btn {
			width: 134rpx;
			height: 52rpx;
			background: #ffffff;
			border-radius: 26rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: #1fc28b;
			position: absolute;
			right: 36rpx;
			top: 59rpx;
			z-index: 2;
			text-align: center;
			line-height: 52rpx;
		}
	}
</style>
